<html>
	<head>
    <base href="http://01-shu1-xsx.oss-cn-hangzhou.aliyuncs.com">
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="msapplication-tap-highlight" content="no" />
		<meta http-equiv="Pragma" content="public" />
		<meta http-equiv="Cache-Control" content="public" />
		<title>6人超级三加一</title>
		<link rel="stylesheet" type="text/css" href="./files/css/jia31_6_daoyou_v1.css?v=xss12232121231">
		<link rel="stylesheet" type="text/css" href="./files/giftShop_dy/gift.css?v=s1">
		<link rel="stylesheet" type="text/css" href="./files/css/skin.css?v=s1">
		<link rel="stylesheet" type="text/css" href="./files/css/alertbox.css">
		<link rel="stylesheet" type="text/css" href="./files/css/fuzhi.css">
		<link rel="stylesheet" type="text/css" href="./fiesc/css/jia6.css?v=123">
		<link rel="stylesheet" type="text/css" href="./fiesc/css/qrcode.css?v=123">
		<script type="text/javascript" src="./files/js/fastclick.js"></script>
		<script type="text/javascript" src="./files/js/base64.js"></script>
		<script type="text/javascript" src="./files/js/vconsole.min.js?v=12"></script>
		<script type="text/javascript">var AAALoadReturnCode="";</script>
		<script type="text/javascript">
			document.write('<script type="text/javascript" src="./js/config.js?v=' + new Date().getTime() + '"> <\/script>');
			//var vConsole = new window.VConsole();
		</script>
		<script type="text/javascript" src="./js/load.js"></script>
		<script type="text/javascript">
			document.documentElement.style.fontSize = document.documentElement.clientWidth / 360 * 100 + 'px';
			var max_count = 6;
			window.addEventListener('load', function() {
				FastClick.attach(document.body);
			}, false);
		</script>
	</head>


	<body>
		<div id="dialog" style="display:none">
			<img src="./fiesc/images/common/cancel.png" onclick="fuzhiMain.closeDialog()">
			<p id="main" class="main">
			</p>
			<p class="other">
				请手动复制
			</p>
		</div>
		<span class="copy-tip" id="tips" style="display:none">已复制到剪贴板</span>
		<!--<img src="--><!--fiesc/images/common/33fz.png" class="needsclick zhuonuo copyUrl" data-clipboard-action="copy" id="copy_btn"-->
		<!--     onclick="fuzhiMain.link()" />-->
		<textarea id="room_str" readonly="readonly"></textarea>
		<div style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000;z-index:115;" id="loading">
			<div class="load4">
				<div class="loader">Loading...</div>
			</div>
		</div>

		<div class="main" id="app-main"
			style="position: relative; width: 100%;margin: 0 auto; background: #fff; display: none;">
			<span class="copy-tip" v-if="isShowTipsText">{{tipsText}}</span>
			<!--        <div v-show="isShowNoty" style="position: absolute;background-color: rgba(0,0,0,0.8);width: 100%;height: 7vh;line-height: 7vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9998;">-->
			<!--           <img style="position: absolute;top: 1.5vh;left: 3vw;width: 4vh;height: 4vh;" src="--><!--files/images/common/laba.png" />-->
			<!--        </div>-->
			<!--        <div v-show="isShowNoty" id="marquee" style="position: absolute;top: 0;left: 12vw;background-color: rgba(0,0,0,0);width: 88vw;height: 7vh;line-height: 7vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9999;">-->
			<!--            {{notyMsg}}-->
			<!--        </div>-->

			<span class="copy-tip" id="tips" style="display:none">复制成功</span>
			<img src="./files/images/common/icon_copy2.png" v-if="globalData.maxCount<=9" class="needsclick zhuonuo"
				@click="copyLink" id="copy_btn" />
			<img src="./files/images/common/icon_copy2.png" v-if="globalData.maxCount>9" class="needsclick zhuonuo2"
				@click="copyLink" id="copy_btn" />
			<textarea id="room_str" readonly="readonly"></textarea>

			<!-- 观战功能 -->
			<img src="./files/images/guest/is_watching.png" style="position: fixed;z-index: 90;width: 50%;left: 25%;top: 50%;"
				v-show="isWatching==1">
			<div class="sidelines-mask" style="display:none" v-on:click="hideGuests"></div>
			<div class="sidelines-content">
				<div class="sidelines-num">观战人数：<i>{{guests.length}}</i></div>
				<div class="sidelines-list">
					<div class="sidelines-box">
						<div class="sidelines-item" v-for="guest in guests">
							<div class="sidelines-path"><img v-bind:src="guest.avatar">
							</div>
							<div class="sidelines-info">
								<div class="sidelines-name">{{guest.nickname}}</div>
							</div>
							<div class="sidelines-icon"></div>
						</div>
					</div>
				</div>
				<div class="sidelines-btn">
					<div class="sidelines-join-game" v-show="showSitdownButton" v-on:click="sitDown"><img src="./files/images/common/join-room.png" style="width: 100%;height: 100%;"></div>
					<div class="sidelines-look-game" v-show="showWatchButton" v-on:click="guestRoom"><img
							src="./files/images/common/guset-room.png"></div>
				</div>
				<div class="sidelines-close" v-on:click="hideGuests"></div>
			</div>

			<!--        <div class="roomCard"  v-on:click="showIndividuality">-->
			<!--            <img  src="--><!--files/images/common/myText.png" />-->
			<!--            <div class="num">-->
			<!--                <div style="position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #fff;opacity: .2;border-radius:10px;"></div>-->
			<!--                <div style="position: relative;padding: 0 10px 0 35px;">{{userData.individuality}}<span v-if='userData.individuality==""'>点击设置</span></div>-->
			<!--            </div>-->
			<!--        </div>-->

			<!--更多-->
			<div class="icon-more-mask" @click="hideIconMore"></div>
			<div class="icon-more" @click="showIconMore">
				<span class="game-indiv" v-on:click="showIndiv"></span>
				<span class="game-rule" v-on:click="showGameRule"></span>
				<span class="game-sound" v-on:click="showAudioSetting">
				</span>
			</div>

			<div class="bottom-box" v-if="globalData.maxCount>10">
				<div class="game-round" v-if="globalData.maxCount>10">
					<span>{{game.round}}</span>/<span>{{game.total_num}}</span>局</div>
				<div class="game-points" v-if="globalData.maxCount>10">底分：<span>{{base_score}}</span>分</div>
				<img class="bottomTab" src="./fiesc/images/nbull/bottom.png" alt="">
				<div class="bottomRoomCard">
					<img src="./files/images/common/roomCard.png" />
					<div class="num">
						<div style="position: relative;padding: 0 1.5vh 0 5vh;">{{userData.card}}</div>
					</div>
				</div>
				<span class="bottomWatch" v-on:click="showGuests">
					<i class="guestNum">{{guests.length}}</i>
				</span>

				<img class="bottomChat" src="./files/images/daoyou/game/send_to_chat.png" v-on:click="sendToChat" />
				<img class="bottomHome" src="./files/images/common/return-index3.png" v-on:click="showAlert(3,'确认返回主页 ？')" />
				<img class="bottomMessage" src="./files/images/common/game-chat02.png" v-on:click="showMessage">
			</div>

			<div v-show="isShowApply" style="color: #000;">
				<div style="width: 100%;height: 100%;position: fixed;background: #000;z-index: 111;top: 0;"></div>
				<div
					style="background: url(./files/images/daoyou/common/back_home_box.png);background-size: 100% 100%;position: fixed;top: 50%;left: 50%;z-index: 111;transform: translate(-50%,-50%);    width: 76vw;height: 30vh">
					<img src="./files/images/daoyou/common/btn_close.png"
						style="position: absolute;right: -3vw;top: -2vh;width: 10vw;" @click="hall">
					<div style="margin-top: 5vh;text-align: center;">你不是该俱乐部成员，无法加入房间</div>
					<div style="position: relative;height: 10vh;">
						<img :src="applyInfo.club_headimgurl"
							style="width: 12vw;position: absolute;left: 18vw;top: 50%;transform: translateY(-50%);">
						<span
							style="position: absolute;left: 34vw;top: 50%;transform: translateY(-50%);">{{applyInfo.club_name}}</span>
					</div>
					<div style="text-align: center">是否申请加入俱乐部？</div>
					<img src="./files/images/daoyou/package/line.jpg"
						style="    position: absolute;left: 50%;transform: translateX(-50%);margin-top: 1vh;width: 84%;">
					<div
						style="background: url(./files/images/daoyou/common/btn_bg.png);background-size: 100% 100%;width: 24vw;height: 4vh;position: relative;top: 2.5vh;left: 50%;transform: translateX(-50%);color: #fff;text-align: center;line-height: 4vh;font-size: 16px;"
						@click="applyClub()">
						{{applyInfo.status}}
					</div>
				</div>
			</div>

			<!--防作弊未设置-->
			<div v-if="isShowIndiv" class="indiv-mask">
				<div class="indiv-box">
					<div class="indiv-box-info">
						<div class="hide-indiv" @click="hideIndiv()"></div>
						<div class="indiv-title"></div>
						<div class="enter-indiv">
							<input type="text" placeholder="请输入个性暗号" v-model="inputIndiv" ng-blur="blur()">
						</div>
						<div class="confirm-indiv" @click="showIndivConfirm()"></div>
					</div>
				</div>
			</div>

			<div v-show="isShowQr" class="indiv-mask">
				<div class="new-qrcode-box">
					<div class="new-hide-qrcode" @click="hideQr()"></div>
					<div id="qrcodeId" class="new-qrcode-box-info">
						<!-- <img v-bind:src="globalData.qrUrl" width="97%" /> -->
					</div>
					<div class="new-qrcode-box-info1">
						<img :src="qrcodeimg" />
					</div>
				</div>
			</div>

			<!--防作弊确认框-->
			<div v-if="isShowIndivConfirm" class="indiv-mask">
				<div class="indiv-box"
					style="width: 80vw;background: url(./files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
					<div class="indiv-box-info">
						<div class="hide-indiv" @click="hideIndivConfirm()"></div>
						<div class="indiv-title"></div>
						<div class="tip-text"></div>
						<div class="btn-indiv" @click="hideIndivConfirm()"></div>
						<div class="confirm-indiv2" @click="setIndividuality()"></div>
					</div>
				</div>
			</div>


			<!--已设置过防作弊-->
			<div v-if="isShowIndividuality" class="indiv-mask">
				<div class="indiv-box" style="background: url(./files/images/daoyou/indiv/box.png);background-size: 100% 100%;">
					<div class="indiv-box-info">
						<div class="hide-indiv" @click="hideIndiv()"></div>
						<div class="indiv-title"></div>
						<div class="indiv-content">
							<div class="person-info">
								<img :src="userData.avatar" class="avatar">
								<div class="name">{{userData.nickname}}</div>
								<div class="id">编号: {{userData.accountId}}</div>
							</div>
							<img src="./files/images/daoyou/package/line.jpg" style="width: 90%;margin-left: 5%;margin-top: 0.1rem;">
							<div class="my-indiv">
								<span class="label">防作弊暗号</span>
								<span class="my-indiv-text">{{userData.individuality}}</span>
							</div>
							<div style="font-size: 0.15rem;margin-left: 4vw;color: #8a6737">请认准反作弊暗号和编号</div>
						</div>
					</div>
				</div>
			</div>

			<!--弹出暗号框-->
			<div class="showOnceIndiv" v-show="showOnceIndiv"
				style="background: url(./files/images/daoyou/game/indiv_bg.png);background-size: 100% 100%;">
				<div style="position:relative;">
					<div style="position: absolute;color: rgb(245, 155, 126);top: 0.3rem;left: 1.1rem;">注意！ 注意！</div>
					<div
						style="position:absolute;color: #000;top: 0.5rem;height: 0.25rem;line-height: 0.25rem;left: 0.9rem;width: 1.1rem;text-align: center;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
						暗号:{{userData.individuality}}</div>
				</div>
			</div>

			<div class="top flex-cont" v-if="globalData.maxCount<=9">
				<div class="left">
					<img src="./files/images/common/roomCard.png">
					<span>{{userData.card}}</span>
				</div>
				<div class="flex-item"><span>{{game.round}}</span>/<span>{{game.total_num}}</span>局</div>
				<div class="right">
					<div class="rules-focus">
						<span v-on:click="sendToChat" class="return-index"></span>
						<span class="watch" v-on:click="showGuests">
							<i class="guestNum">{{guests.length}}</i>
						</span>
					</div>
				</div>
			</div>

			<!--返回首页-->
			<img v-if="globalData.maxCount<13" class="hall" src="./files/images/common/return-index3.png"
				v-on:click="showAlert(3,'确认返回主页 ？')">

			<div class="disconnect" v-show="!connectOrNot"
				style="position: fixed;top:45%;left: 0;width: 100%;text-align: center;z-index: 101">
				<div
					style="width: 250px;height:27px;position: absolute;top:-2;left: 50%;margin-left: -125px;background: #000;opacity: .5;border-radius:15px;">
				</div><a style="font-size: 16px;color: #fff;padding: 5px 14px;position:relative;">已断开连接，正在重新连接...</a>
			</div>

			<audio id="media" v-show="false" autostart="false" src="./files/audio/paijiu/xy_button.mp3"></audio>

			<!-- 底分 -->
			<!--        <div class="baseScoreBG" style=""></div>-->
			<!--        <div class="baseScore" style="">-->
			<!--            底分：{{base_score}}分-->
			<!--        </div>-->

			<!-- 底分 -->
			<div class="points" v-if="globalData.maxCount<=9">底分：<span>{{base_score}}</span>分</div>
			<div class="chat" v-on:click="showMessage" v-if="globalData.maxCount<=9"></div>
			<!-- 第几局 -->
			<!--        <div class="roundNum" style="position: fixed;color: #fff;opacity:.7;">-->
			<!--            {{game.round}}&nbsp/&nbsp{{game.total_num}}&nbsp局-->
			<!--        </div>-->


			<!-- 聊天室 -->
			<!--<img class="toChat" src="./files/images/daoyou/hall/btn_chat.png" v-on:click="goToChat">-->
			<!--二维码-->
			<img class="qrcode" src="./files/images/common/erweima.png" v-on:click="showQr">

			<img class="changeSkin" src="./files/images/common/btn_skin.png" v-on:click="changeSkin">

			<!--自动准备-->
			<div :class="'auto-ready'+globalData.maxCount" v-on:click="autoReady()" v-if="isWatching!=1">
				<img v-show="appData.isAutoReady==1" src="./files/images/common/ready_false4.png">
				<img v-show="appData.isAutoReady==0" src="./files/images/common/ready_true3.png">
			</div>

			<!-- 提示框 -->
			<div class="window-masks return-index" id="valert" v-show="isShowAlert">
				<div class="border-opacity">
					<div class="container">
						<i class="mask-icon mask-top"></i>
						<i class="mask-icon mask-right"></i>
						<i class="mask-icon mask-bottom"></i>
						<i class="mask-icon mask-left"></i>
						<div class="main">
							<div class="rules" v-show="alertType==4" style="font-size: 2.2vh">
								模式：
								<a v-if="ruleInfo.banker_mode==1">自由抢庄</a>
								<a v-if="ruleInfo.banker_mode==2">明牌抢庄</a><br>
								底分：
								<a v-if="ruleInfo.baseScore==1">1分</a>
								<a v-if="ruleInfo.baseScore==2">2分</a>
								<a v-if="ruleInfo.baseScore==3">3分</a>
								<a v-if="ruleInfo.baseScore==4">4分</a>
								<a v-if="ruleInfo.baseScore==5">5分</a><br>
								规则：
								<a>暴玖x9</a><br>
								<a style="opacity: 0;">规则：</a>
								<a>大三公x9小三公x7三公x5</a><br>
								<a style="opacity: 0;">规则：</a>
								<a>九点x4八点x3七点x2散牌x1</a><br>
								<a style="opacity: 0;">规则：</a>
								<a>豹子x6同花顺x5金花x4</a><br>
								<a style="opacity: 0;">规则：</a>
								<a>顺子x3对子x2散牌x1</a><br>
								下注：
								<a v-if="ruleInfo.bet_type==1">1,2,4,5</a>
								<a v-if="ruleInfo.bet_type==2">1,3,5,8</a>
								<a v-if="ruleInfo.bet_type==3">2,4,6,10</a>
								<a v-if="ruleInfo.bet_type==5">1,4,6,10</a>
								<br>
								局数：
								<a v-if="ruleInfo.ticket==1">12局X2房卡 </a>
								<a v-if="ruleInfo.ticket==2">24局X4房卡</a>
							</div>

							<!--好友管理弹框-->
							<div v-if="alertType==8 && add_user" style="position: absolute;top: 0.2rem;font-size: 0.14rem;">
								<div>你还不是房主的好友,无法加入房间</div>
								<div style="position: absolute;top: 0.6rem;left: 0.5rem;">
									<img v-bind:src="ownerUser.avatar"
										style="position: relative; width: 5vh;height: 5vh;border: .1vh solid yellow;top: .5vh;">
									<span
										style="position: relative; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;top: -1.4vh;overflow: hidden;">{{ownerUser.nickname}}</span>

								</div>
							</div>

							<div>{{alertText}}</div>

							<div v-if="alertType==14" style="font-size: 2.2vh">
								<div style="height: 8.0vh;">
									<span style="position: relative;top: 1.4vh; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;overflow: hidden;color: rgb(149,100,77);">推荐人：</span>
									<input style="position: relative;top: 1.4vh; width: 40vw;height: 4.6vh;line-height: 4.6vh;font-size: 2.4vh;" type="number" placeholder="请输入推荐人" v-model="recommendCode" v-on:blur="blurIpt">
									<span style="position: relative;top: 1.4vh; font-size: 2.4vh;line-height: 6.6vh;height: 6.6vh;max-width: 43vw;overflow: hidden;color: rgb(149,100,77);">{{recommendMsg}}</span>
								</div>
							</div>

						</div>

						<div v-show="alertType==2">
							<div class="sure" v-on:click="hall"
								style="left: 30%;position: relative;margin-left: -0.55rem;margin-bottom: 0.1rem;">返回首页</div>
							<div class="sure" style="left: 40%;position: relative;" v-show="joinType==1||joinType==3" v-on:click="guestRoom">观战</div>
						</div>
						<div class="button" v-show="alertType==3">
							<div class="sure" v-on:click="hall">返回首页</div>
							<div class="cancel" v-on:click="closeAlert">取消</div>
						</div>

						<!--观战功能 -->
						<div v-show="alertType==4" class="button">
							<div class="sure" v-show="joinType==1||joinType==3" v-on:click="guestRoom">观战</div>
							<div class="cancel" v-show="joinType==1||joinType==2" v-on:click="sitDown">加入游戏</div>

							<div class="return" v-show="joinType==2"><img src="./files/images/guest/watch_false.png"></div>
							<div class="join-game" v-show="joinType==3"></div>
						</div>

						<div v-show="alertType==7">
							<div class="sure" v-on:click="hall" style="position: relative;left: 50%;transform: translateX(-50%);">返回首页
							</div>
						</div>
						<div v-if="alertType==8 && add_user"
							style="position: relative;width: 14vh;line-height: 4.2vh;height: 4.2vh;margin: 0.05rem;left: 50%;margin-left: -7vh;text-align: center;overflow: hidden;">
							<div v-show="applyStatus==0" style="border-radius: 2vh;background-color: #EE7942;color: #fff"
								v-on:click="applyToJoin">确定</div>
							<div v-show="applyStatus==1" style="border-radius: 2vh;background-color: #6f6363;color: #fff">申请中</div>
						</div>
						<div v-show="alertType==11">
							<div class="buttonMiddle" v-on:click="closeAlert">知道了</div>
						</div>
						<div v-show="alertType==12">
							<div class="buttonMiddle"  v-show="applyStatus==0" v-on:click="applyFriend">申请好友</div>
							<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
						</div>
						<div v-show="alertType==13">
							<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyClub">申请加入俱乐部</div>
							<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
						</div>
						<div v-show="alertType==14">
							<div class="buttonMiddle" v-show="applyStatus==0" v-on:click="applyUnion">申请加入联盟</div>
							<div class="buttonMiddle" v-show="applyStatus==1">申请中...</div>
						</div>
						<div v-show="alertType==21">
							<div class="buttonMiddle" v-on:click="closeAlert">确定</div>
						</div>
						<div v-show="alertType==22">
							<div class="buttonMiddle" v-on:click="closeAlert">确定</div>
						</div>
						<div v-show="alertType==23">
							<div class="buttonMiddle" v-on:click="finishBindPhone()">确定</div>
						</div>
						<div v-show="alertType==31">
							<div class="buttonMiddle" v-on:click="reloadView()">确定</div>
						</div>
						<div v-show="alertType==32">
							<div class="buttonMiddle" v-on:click="reloadView()">重新登录</div>
						</div>
					</div>
				</div>
			</div>

			<div class="alertTip" v-show="isShowAlertTip">
				<div class="alertTipBG"></div>
				<img src="./files/images/common/alertTipOk.png" v-show="alertTipType==1">
				<img src="./files/images/common/alertTipWarn.png" v-show="alertTipType==2">
				<div class="alertTipText">{{alertTipText}}</div>
			</div>

			<!-- 进游戏提示框 -->
			<div class="window-masks user-join" id="joinUser" v-show="isShowGameAlert">
				<div class="border-opacity">
					<div class="container">
						<i class="mask-icon mask-top"></i>
						<i class="mask-icon mask-right"></i>
						<i class="mask-icon mask-bottom"></i>
						<i class="mask-icon mask-left"></i>
						<div class="user-id">ID：1213715</div>
						<div class="main">
							<div class="rules" v-show="alertType==4">
								模式：
								<a v-if="ruleInfo.banker_mode==1">自由抢庄</a>
								<a v-if="ruleInfo.banker_mode==2">明牌抢庄</a><br>
								底分：
								<a v-if="ruleInfo.baseScore==1">1分</a>
								<a v-if="ruleInfo.baseScore==2">2分</a>
								<a v-if="ruleInfo.baseScore==3">3分</a>
								<a v-if="ruleInfo.baseScore==4">4分</a>
								<a v-if="ruleInfo.baseScore==5">5分</a><br>
								规则：
								<p class="ptext">暴玖x9&nbsp;大三公x9&nbsp;小三公x7&nbsp;三公x5</p>
								<p class="ptext">九点x4&nbsp;八点x3&nbsp;七点x2&nbsp;散牌x1</p>
								<p class="ptext">豹子x6&nbsp;同花顺x5&nbsp;金花x4</p>
								<p class="ptext">顺子x3&nbsp;对子x2&nbsp;散牌x1</p>
								下注：
								<a v-if="ruleInfo.bet_type==1">1,2,4,5</a>
								<a v-if="ruleInfo.bet_type==2">1,3,5,8</a>
								<a v-if="ruleInfo.bet_type==3">2,4,6,10</a>
								<a v-if="ruleInfo.bet_type==5">1,4,6,10</a>
								<br>
								局数：
								<a v-if="ruleInfo.ticket==1">12局X2房卡 </a>
								<a v-if="ruleInfo.ticket==2">24局X4房卡</a>
							</div>

							<div class="user-list">
								<div class="join-user-info" v-for="item in alertText">
									<img v-bind:src="item.avatar">
									<span>{{item.name}}</span>
								</div>
							</div>
						</div>
						<div class="button">
							<div class="return" v-on:click="guestRoom">观战</div>
							<div class="join-game" id="joinGame" v-on:click="sitDown">加入游戏</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 游戏桌子 -->
			<div class="table" id="table"
				style="position: relative; width: 100%; height: 100%; z-index: 80; overflow: hidden;">
				<img class="tableBack" :src="tableSkin"
					style="position: absolute;top:0;left: 0;width: 100vw;height: 100vh" />
				<!--
				<img class="tableBack" src="./files/images/hall/hall-name.png"
					style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.4rem;height: 0.4rem;" />
				-->
				<div style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.6rem;height: 0.35rem;text-align:center;font-size: 0.30rem;color:#0A78B5;font-weight:bold;letter-spacing:0.06rem;font-family: '华文新魏'" >{{hallTitle}}</div>

				<div class="roomNum"
					style="position: absolute;top: 40%;left: 50%;text-align: center;transform: translateX(-50%);color: #66a6d2;font-size: 0.15rem;">
					房号:{{globalData.roomNumber}}
				</div>
				<div v-show="userData.individuality" class="roomNum" style="position: absolute;top: calc(50% + 40px);left: 50%;text-align: center;transform: translateX(-50%);color: #66a6d2;font-size: 0.15rem;">
					防伪码:{{userData.individuality}}
				</div>
				<div style="position: absolute;color: #fff;font-size: 0.15rem;"
					:style="globalData.maxCount>=9?'top: 4%;left: 50%;transform: translateX(-50%);':'top: 8%;left: 2%;'">
					编号:{{userData.accountId}}
				</div>

				<!-- 发牌 ||p.account_status==6||p.account_status==7 -->
				<div class="cardDeal">
					<!-- p.account_id>0&&p.account_status>2&&p.account_status<8&&(p.num!=1||(p.account_status!=7&&p.account_status!=8&&!player[0].is_showCard))&&(game.cardDeal>0) -->
					<div v-for="p in player" v-if="ruleInfo.banker_mode!=5"
						v-show="p.account_id>0&&p.account_status>2&&p.account_status<8&&(p.num!=1||(p.account_status!=7&&p.account_status!=8&&!player[0].is_showCard))&&(game.cardDeal>0)">
						<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '1'" style="z-index: 14;"
							v-show="game.cardDeal>0"></div>
						<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '2'" style="z-index: 13;"
							v-show="game.cardDeal>1"></div>
						<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '3'" style="z-index: 12;"
							v-show="game.cardDeal>2"></div>
						<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '4'" style="z-index: 11;"
							v-show="game.cardDeal>3"></div>
					</div>

					<div v-for="p in player" v-if="ruleInfo.banker_mode==5"
						v-show="p.account_id>0&&p.account_status>2&&p.account_status<8&&(p.num!=1||(p.account_status!=7&&p.account_status!=8&&!player[0].is_showCard))&&(game.cardDeal>0)">
						<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '1'" style="z-index: 14;"
							v-show="game.cardDeal>0"></div>
						<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '2'" style="z-index: 13;"
							v-show="game.cardDeal>1"></div>
						<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '3'" style="z-index: 12;"
							v-show="game.cardDeal>2"></div>
						<div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '4'" style="z-index: 11;"
							v-show="game.cardDeal>3"></div>
					</div>


					<!-- test111 -->
					<!--
                    <div v-for="p in player" v-if="ruleInfo.banker_mode!=5">
                        <div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '1'" style="z-index: 14;"></div>
                        <div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '2'" style="z-index: 13;"></div>
                        <div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '3'" style="z-index: 12;"></div>
                        <div class="card" v-bind:class="'cardPoker' + p.poker_kw + ' card' + p.num + '4'" style="z-index: 11;"></div>
                    </div>
					-->

					<!-- 玩家1发完牌之后  -->
					<div class="myCards" v-show="player[0].is_showCard&&player[0].account_status>2&&!game.show_score">
						<div class="cards3D">
							<div class="cards card0" v-on:click="clickMyCard(0)">
								<div class="face front" v-bind:class="'cardPoker' + player[0].poker_kw"></div>
								<div class="face back" v-bind:class="cardSelect[0].isSelect+' card' + player[0].card[0]"
									v-if="player[0].account_status<=7"></div>
								<div class="face back" v-bind:class="' card' + player[0].card[0]" v-if="player[0].account_status>7">
									<div class="cardGround" v-if="player[0].account_status>7&&cardSelect[0].isSelect=='selected'"> </div>
								</div>
							</div>

							<div class="cards card1" v-on:click="clickMyCard(1)">
								<div class="face front" v-bind:class="'cardPoker' + player[0].poker_kw"></div>
								<div class="face back" v-bind:class="cardSelect[1].isSelect+' card' + player[0].card[1]"
									v-if="player[0].account_status<=7"></div>
								<div class="face back" v-bind:class="' card' + player[0].card[1]" v-if="player[0].account_status>7">
									<div class="cardGround" v-if="player[0].account_status>7&&cardSelect[1].isSelect=='selected'"> </div>
								</div>
							</div>

							<div class="cards card2" v-on:click="clickMyCard(2)">
								<div class="face front" v-bind:class="'cardPoker' + player[0].poker_kw"></div>
								<div class="face back" v-bind:class="cardSelect[2].isSelect+' card' + player[0].card[2]"
									v-if="player[0].account_status<=7"></div>
								<div class="face back" v-bind:class="' card' + player[0].card[2]" v-if="player[0].account_status>7">
									<div class="cardGround" v-if="player[0].account_status>7&&cardSelect[2].isSelect=='selected'"> </div>
								</div>
							</div>

							<div class="cards card3" v-on:click="clickMyCard(3)">
								<div class="face front" v-bind:class="'cardPoker' + player[0].poker_kw"></div>
								<div class="face back" v-bind:class="cardSelect[3].isSelect+' card' + player[0].card[3]"
									v-if="player[0].account_status<=7"></div>
								<div class="face back" v-bind:class="' card' + player[0].card[3]" v-if="player[0].account_status>7">
									<div class="cardGround" v-if="player[0].account_status>7&&cardSelect[3].isSelect=='selected'"> </div>
								</div>
							</div>
						</div>
					</div>

				</div>

				<!-- game.cardDeal==-1&&p.account_status>1&&p.account_status!=6&&p.account_status!=7&&p.card.length>0-->

				<div class="cardOver" style="position: absolute; width: 100%; height: 100%; overflow:hidden;">
					<div v-for="p in player" v-if="p.num!=1" v-show="p.account_status>=8&&!game.show_score">
						<div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '11'" style="z-index: 14;">
							<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
							<div class="face back" v-bind:class="'card' + p.card_open[3]">
								<div class="cardGround" v-if="p.card_open[3]==p.eliminate_card"> </div>
							</div>
						</div>
						<div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '21'" style="z-index: 13;">
							<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
							<div class="face back" v-bind:class="'card' + p.card_open[2]">
								<div class="cardGround" v-if="p.card_open[2]==p.eliminate_card"> </div>
							</div>
						</div>
						<div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '31'" style="z-index: 12">
							<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
							<div class="face back" v-bind:class="'card' + p.card_open[1]">
								<div class="cardGround" v-if="p.card_open[1]==p.eliminate_card"> </div>
							</div>
						</div>
						<div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '41'" style="z-index: 11">
							<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
							<div class="face back" v-bind:class="'card' + p.card_open[0]">
								<div class="cardGround" v-if="p.card_open[0]==p.eliminate_card"> </div>
							</div>
						</div>
					</div>
				</div>

				<!-- test111 -->
				<!--
				<div class="cardOver" style="position: absolute; width: 100%; height: 100%; overflow:hidden;">
					<div v-for="p in player" v-if="p.num!=1">
						<div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '11'" style="z-index: 14;">
							<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
							<div class="face back" v-bind:class="'card' + p.card_open[3]">
								<div class="cardGround" v-if="p.card_open[3]==p.eliminate_card"> </div>
							</div>
						</div>
						<div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '21'" style="z-index: 13;">
							<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
							<div class="face back" v-bind:class="'card' + p.card_open[2]">
								<div class="cardGround" v-if="p.card_open[2]==p.eliminate_card"> </div>
							</div>
						</div>
						<div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '31'" style="z-index: 12">
							<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
							<div class="face back" v-bind:class="'card' + p.card_open[1]">
								<div class="cardGround" v-if="p.card_open[1]==p.eliminate_card"> </div>
							</div>
						</div>
						<div class="cards" v-bind:class="'cardtf' + p.num + ' card' + p.num + '41'" style="z-index: 11">
							<div class="face front" v-bind:class="'cardPoker' + p.poker_kw"></div>
							<div class="face back" v-bind:class="'card' + p.card_open[0]">
								<div class="cardGround" v-if="p.card_open[0]==p.eliminate_card"> </div>
							</div>
						</div>
					</div>
				</div>
				-->

				<div v-for="p in player"
					v-if="((p.num==1&&player[0].account_id!=userData.accountId)||p.num!=1)&&p.account_status==8"
					v-bind:class="'cardComplete cardComplete' + p.num">
					<img src="./files/images/jia31/complete.png" style=" width: 100%;">
				</div>

				<!-- test111 -->
				<!--
				<div v-for="p in player"
					 v-bind:class="'cardComplete cardComplete' + p.num">
					<img src="./files/images/jia31/complete.png" style=" width: 100%;">
				</div>
				-->

				<!-- 抢庄文字图片 -->
				<div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode!=2"
					v-bind:class="{true:'memberGoText' + p.num,false:'memberFreeRobText' + p.num}[ruleInfo.banker_mode==5]"
					v-show="p.account_status==4||p.account_status==5">
					<img v-bind:src="p.robImg" style="position: absolute; width: 100%;">
				</div>

				<!-- 明牌抢庄文字图片 -->
				<div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode==2" v-bind:class="'memberRobText' + p.num"
					v-show="p.account_status==4||p.account_status==5">
					<img v-bind:src="p.robImg" style="position: absolute;  width: 100%;">
				</div>
				<div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode==2 &&p.account_status==5&&p.grab_multiples>=1"
					v-bind:class="'memberRobTimes' + p.num">
					<img v-bind:src="'/files/images/sangong/text_times'+p.grab_multiples+'.png'"
						style="position: absolute; width: 100%;">
				</div>

				<!-- 观战抢庄倍数文字 -->
				<div class="memberTimesText1"
					v-if="player[0].account_status==5&&player[0].grab_multiples>0&&player[0].account_id!=userData.accountId">
					<img v-bind:src="'/files/images/sangong/text_times'+player[0].grab_multiples+'.png'"
						style="position: absolute; width: 100%;">
				</div>

				<!-- 倍数文字图片 -->
				<div v-for="p in player" v-if="p.account_status>=6&&!p.is_banker&&p.multiples>0"
					v-bind:class="'memberTimesText' + p.num">
					<img v-bind:src="'/files/images/sangong/text_times'+p.multiples+'.png'"
						style="position: absolute; width: 100%;">
				</div>
				<!-- 庄家倍数文字图片 -->
				<div v-for="p in player" v-if="ruleInfo.banker_mode==2&&p.account_status>=5&&p.is_banker&&p.banker_multiples>0"
					v-bind:class="'memberTimesText' + p.num">
					<img v-bind:src="'/files/images/sangong/text_times'+p.banker_multiples+'.png'"
						style="position: absolute; width: 100%;">
				</div>

				<!-- 牛几图片 -->
				<div v-for="p in player" v-bind:class="'memberBull memberBull' + p.num"
					v-show="(p.account_status>=8&&p.bullImg.length>=1||(isCardSelect&&p.num==1))&&!game.show_score">
					<img src="./files/images/jia31/back.png" class="back">
					<div style="float: left;width: .5vh;height: 100%;"></div>
					<div style="float: right;width: .5vh;height: 100%;"></div>

					<img v-bind:src="p.bullImg" style="height:70%;">
					<img src="./files/images/jia31/point.png" style="height:70%">
					<img v-bind:src="p.bullImg1" style="height:70%">

					<div class="score score1" v-show="game.littleScore">
						<div style="color: #f7a527;" v-show="p.sg_score>0">+{{p.sg_score}}</div>
						<div v-show="p.sg_score<0">{{p.sg_score}}</div>
						<div v-show="p.sg_score==0">0</div>
					</div>
					<div class="score score2" v-show="game.littleScore">
						<div style="color: #f7a527;" v-show="p.f_score>0">+{{p.f_score}}</div>
						<div v-show="p.f_score<0">{{p.f_score}}</div>
						<div v-show="p.f_score==0">0</div>
					</div>
				</div>


				<!--空座位-->
				<div v-for="p in player" class="member" v-bind:class="'member' + p.num" v-show="p.account_id<=0">
					<div class="quitBack" style="" v-on:click="sitDown(p.serial_num)">
						<img :src="'/files/images/daoyou/seat/seat' + p.serial_num + '.png'">
					</div>
				</div>

				<!-- 每局得分 -->
				<div v-for="p in player" class="memberScoreText" v-bind:class="'memberScoreText' + p.num"
					v-show="game.show_score" style="display: none;">
					<p v-show="p.single_score<0&&p.account_status>=8"
						style="position: absolute; line-height: 4vh; width:100%;height: 4vh; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; color: white;">
						{{p.single_score}}</p>
					<p v-show="p.single_score>0&&p.account_status>=8"
						style="position: absolute; line-height: 4vh; width:100%;height: 4vh; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">
						+{{p.single_score}}</p>
					<p v-show="p.single_score==0&&p.account_status>=8"
						style="position: absolute; line-height: 4vh; width:100%;height: 4vh; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00; color: rgb(234,171,55);">
						0</p>
				</div>

				<!-- 玩家  -->
				<div v-for="p in player" class="member" v-bind:class="'member' + p.num+ ' pos'+ p.account_id"
					v-show="p.account_id>0" v-on:click="sendGitViewShow(p.account_id,p)">
					<!-- 玩家头像 -->
					<img v-bind:src="p.headimgurl" class="avatar">
					<img v-if="p.head_kw!=''" :src="'/files/images/daoyou/shop/head/' + p.head_kw + '.png'" class="headKw">

					<img src="./files/images/nbull/player_selected.png" class="banker" v-show="p.is_banker">

					<div class="bottom" style="background-color: rgba(0, 0, 0, 0.6); border-radius: 2px;overflow: hidden;">
						<div class="bname" style="text-align: center;overflow: hidden;">{{p.nickname}}</div>
						<div class="bscore" style="text-align: center;overflow: hidden;">{{isNaN(p.account_score)?0:p.account_score}}</div>
					</div>

					<img v-bind:id="'banker' + p.account_id" src="./files/images/nbull/banker_bg.png" class="background"
						style="position: absolute; top: -0.2vh;left: -0.2vh;width: 7.86vh; height: 7.86vh; display: none;" />

					<img src="./files/images/sangong/banker_icon.png" class="background"
						style="position: absolute; top: -6%;left: -6%;width: 2.6vh; height: 2.6vh;"
						v-show="p.is_banker&&ruleInfo.banker_mode!=4">

					<img v-bind:id="'bankerAnimate' + p.num" src="./files/images/nbull/banker_animate.png"
						style="position: absolute; top: -0.2vh; left: -0.2vh; width: 7.86vh; height: 7.86vh; display: none;">
					<img v-bind:id="'bankerAnimate1' + p.num" src="./files/images/nbull/banker_animate.png"
						style="position: absolute; top: -0.2vh; left: -0.2vh; width: 7.86vh; height: 7.86vh; display: none;">

					<!-- 玩家离开或不在线 -->
					<div class="quitBack2" v-show="p.num>1&&p.online_status==0">
						<img src="./files/images/common/off_line.png" style="">
					</div>
					<!--               <img src="--><!--files/images/jia31/ready.jpg" class="ready" v-show="p.account_status==2" />-->

					<div class="isReady" v-show="game.round!=game.total_num&&p.account_status==2&&p.num!=1">
						<img src="./files/images/daoyou/common/ready_text.png" class="ready" />
					</div>

					<img src="./files/images/guest/guest_avatar.png" style="position: absolute;top: 38%;left: 17%;width: 70%;"
						v-show="p.is_guest==1">
					<!-- 准备状态 game.round!=game.total_num-->
					<!--                 <div class="isReady" v-show="game.round!=game.total_num">
                    <img src="/files/images/common/ready_text.png" class="ready" v-show="p.account_status==2&&p.num!=1" />
                </div> -->
				</div>

				<!-- 玩家金币 -->
				<div id="playerCoins" style="display: none;">
					<div v-for='p in player'>
						<div v-for='coin in p.coins' class="memberCoin" v-bind:class="coin">
							<img src="./files/images/common/coin.png" style="position: absolute; width: 100%; height: 100%">
						</div>
					</div>
				</div>

				<!-- 显示玩家消息文本 -->
				<div v-for="p in player">
					<div class="messageSay" v-bind:class="'messageSay' + p.num" v-show="p.messageOn">
						<div>{{p.messageText}}</div>
						<div class="triangle"> </div>
					</div>
				</div>

				<!-- 游戏状态:选择抢庄 player[0].account_status==3 -->
				<div id="divRobBankerText" v-show="showClockRobText&&ruleInfo.banker_mode!=4"
					v-bind:style="'position: absolute;top: 25%; left: 0px; width:' + width + 'px; height: 30px;'">
					<p class="s-text"
						style="color: white; font-size: 2vh;width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">
						{{ruleInfo.bankerText}}</p>
				</div>
				<!-- 游戏状态:闲家下注  -->
				<div id="divBetText" v-show="showClockBetText"
					v-bind:style="'position: absolute;top: 25%; left: 0px; width:' + width + 'px; height: 30px;'">
					<p class="s-text"
						style="color: white; font-size: 2vh; width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">
						闲家下注</p>
				</div>
				<!-- 游戏状态:等待摊牌 -->
				<div id="divBetText" v-show="showClockShowCard"
					v-bind:style="'position: absolute;top: 25%; left: 0px; width:' + width + 'px; height: 30px;'">
					<p class="s-text"
						style="color: white; font-size: 2vh; width: 100%;height: 30px; line-height: 30px; text-align: center;font-family:'Helvetica 微软雅黑';">
						等待摊牌</p>
				</div>

				<!-- 倒计时时钟 position: absolute; top: 38%; left: 44%; width: 40px; height: 42px; -->
				<!-- 倒计时时钟 position: absolute; top: 38%; left: 44%; width: 40px; height: 42px; -->
				<div id="" class="clock" v-show="game.time>-1"
					style="position: absolute; top: 32%; left:50%;transform: translateX(-50%); width: 76px; height: 74px;z-index: 2;">
					<img src="./files/images/daoyou/common/clock.png" style="position: absolute; width: 100%; height: 100%;" />
					<p
						style="position: absolute;top: 8px;left: 0px;width: 76px; height: 60px;color: #f7ce46;text-align: center;font-weight: bolder;line-height: 60px;font-size: 24px;">
						{{game.time}}
					</p>
				</div>

				<!--  通杀  -->
				<div class="playerPK" v-show="isBankerKill">
					<div class="pkBack"></div>
					<img src="./files/images/flower/comE.gif" class="pkE" />
					<img src="./files/images/daoyou/game/comV.png" class="pkV" />
					<img src="./files/images/daoyou/game/comS.png" class="pkS" />
				</div>

				<!-- 按钮操作区域 -->
				<div id="operationButton">

					<div v-show="game.round!=game.total_num" v-bind:style="viewStyle.readyText">
						<img src="./files/images/daoyou/common/ready_text.png" style="width: 100%;"
							v-show="player[0].account_status==2" />
					</div>
					<div v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" class="button1"
						v-show="game.round!=game.total_num">
						<img src="./fiesc/images/common/ready_button.png"
							v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&player[0].account_id>0&&canBreak!=1"
							v-on:click="imReady" />
					</div>

					<!-- 不抢-抢庄 -->
					<div
						v-if="player[0].account_status==3&&ruleInfo.banker_mode==1&&player[0].account_id==userData.accountId&&player[0].is_guest!=1">
						<div class="button21" v-on:click="notRobBanker">
							<img src="./files/images/sangong/button_green.png">
							<div class="btntxt">不抢</div>
						</div>
						<div class="button22" v-on:click="robBanker(1)">
							<img src="./files/images/sangong/button_orange.png">
							<div class="btntxt">抢庄</div>
						</div>
					</div>

					<!-- 上庄 -->
					<div
						v-show="ruleInfo.banker_mode==5&&game.round==1&&player[0].account_id==userData.accountId&&player[0].is_guest!=1"
						v-on:click="robBanker(1)" class="button22">
						<img src="./files/images/sangong/button_orange.png">
						<div v-bind:style="viewStyle.rob1">上庄</div>
					</div>
					<!-- 不上庄 -->
					<div
						v-show="ruleInfo.banker_mode==5&&game.round==1&&player[0].account_id==userData.accountId&&player[0].is_guest!=1"
						v-on:click="notRobBanker" class="button21">
						<img src="./files/images/sangong/button_green.png">
						<div v-bind:style="viewStyle.notRob1">不上庄</div>
					</div>

					<!-- 下庄 -->
					<div
						v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker"
						v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" v-on:click="clickGameOver"
						class="button21">
						<img src="./files/images/sangong/button_green.png">
						<div v-bind:style="viewStyle.notRob1">下庄</div>
					</div>
					<!-- 准备 -->
					<div
						v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker"
						v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" v-on:click="imReady"
						class="button22">
						<img src="./files/images/sangong/button_orange.png">
						<div v-bind:style="viewStyle.rob1">准备</div>
					</div>

					<!-- 抢庄倍数按钮 -->
					<div
						v-if="player[0].account_status==3&&control.isShowRob&&ruleInfo.banker_mode==2&&player[0].account_id==userData.accountId&&player[0].is_guest!=1">
						<div class="button41" v-on:click="robBanker(1)">
							<img src="./fiesc/images/bull/button_times.png"
								style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
							<div class="timestxt">1倍</div>
						</div>
						<div class="button42" v-on:click="robBanker(2)">
							<img src="./fiesc/images/bull/button_times.png"
								style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
							<div class="timestxt">2倍</div>
						</div>
						<div class="button43" v-on:click="robBanker(4)">
							<img src="./fiesc/images/bull/button_times.png"
								style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
							<div class="timestxt">4倍</div>
						</div>
						<div class="button44" v-on:click="notRobBanker">
							<img src="./fiesc/images/bull/button_times_blue1.png"
								style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
							<div class="timestxt">不抢</div>
						</div>
					</div>



					<!-- 闲家下注按钮 -->
					<div
						v-if="showTimesCoin && !player[0].multiples>0 && !player[0].is_banker && player[0].account_status>=6 && player[0].account_id==userData.accountId&&player[0].is_guest!=1">
						<div class="button41" v-on:click="selectTimesCoin(coinList[0])">
							<img src="./fiesc/images/bull/button_times.png"
								style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
							<div class="timestxt">{{coinList[0]}}倍</div>
						</div>
						<div class="button42" v-on:click="selectTimesCoin(coinList[1])">
							<img src="./fiesc/images/bull/button_times.png"
								style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
							<div class="timestxt">{{coinList[1]}}倍</div>
						</div>
						<div class="button43" v-on:click="selectTimesCoin(coinList[2])">
							<img src="./fiesc/images/bull/button_times.png"
								style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
							<div class="timestxt">{{coinList[2]}}倍</div>
						</div>
						<div class="button44" v-on:click="selectTimesCoin(coinList[3])">
							<img src="./fiesc/images/bull/button_times.png"
								style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
							<div class="timestxt">{{coinList[3]}}倍</div>
						</div>
					</div>

					<!-- 抢庄文字 -->
					<div v-if="showRobText&&ruleInfo.banker_mode!=5&&ruleInfo.banker_mode!=2" v-bind:style="viewStyle.robText">
						<img src="./files/images/sangong/text_rob.png"
							style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
					</div>

					<div class="status" v-if="showRobText&&ruleInfo.banker_mode==2">
						<img src="./files/images/sangong/text_rob.png">
					</div>
					<div class="status grabTime" v-if="showRobText&&ruleInfo.banker_mode==2&&player[0].grab_multiples>0">
						<img v-bind:src="'/files/images/bull/text_times'+player[0].grab_multiples+'.png'">
					</div>

					<!-- 不抢庄文字 -->
					<div class="status" v-if="showNotRobText&&ruleInfo.banker_mode!=5">
						<img src="./files/images/sangong/text_notrob.png">
					</div>

					<!-- 上庄文字 -->
					<div v-if="showRobText&&ruleInfo.banker_mode==5&&game.round<2" v-bind:style="viewStyle.robText">
						<img src="./files/images/sangong/text_go.png"
							style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
					</div>

					<!-- 不上庄文字 -->
					<div v-if="showNotRobText&&ruleInfo.banker_mode==5&&game.round<2" v-bind:style="viewStyle.notRobText">
						<img src="./files/images/sangong/text_notgo.png"
							style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
					</div>

					<div class="text" v-show="showBankerCoinText">等待闲家下注</div>
					<div class="text" v-show="showClickShowCard&&!isCardSelect"
						v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1">点击牌面看牌</div>
					<div class="text" v-show="player[0].account_status==7&&!showClickShowCard&&!isCardSelect">选取一张牌丢弃</div>
				</div>

				<!-- 摊牌按钮 -->
				<div style="position: absolute;top:80.5vh;right:.5vh;width:13vw;z-index: 101; "
					v-if="player[0].account_id==userData.accountId" v-show="showShowCardButton">
					<img src="./files/images/jia31/tan0.png" style="width: 100%;" v-if="!isCardSelect">
					<img src="./files/images/jia31/tan1.png" style="width: 100%;" v-if="isCardSelect" v-on:click="showCard">
				</div>

			</div>

			<div class="ranking hideRanking" id="ranking" style="z-index: 1">
				<div class="rankBack">
					<img src="./files/images/jia31/rank_bg.jpg" style="position: absolute;top: 0;left: 0;width: 100%">
				</div>

				<div class="rankText" style="position: absolute;top: 4%;">
					<img src="./files/images/jia31/rank_frame.jpg" style="position: absolute;top:0;left:0;width: 200vw;">
					<div class="time" v-show="playerBoard.round>0" style="position: absolute;top: 36vw;width: 100%;">
						<a
							style="font-size: 6vw;padding: 1vw 8vw;border-radius:6vw;background:#064943;border:2px solid #77ffe8;">房间号:{{game.room_number}}&nbsp&nbsp&nbsp&nbsp{{playerBoard.record}}&nbsp&nbsp&nbsp&nbsp{{game.total_num}}局</a>
					</div>
					<div style="height: 56vw;"></div>
					<div v-for="p in playerBoard.score" class="scoresItem"
						v-bind:class="{true: 'scoresItemYellow', false: 'scoresItemWhite'}[p.account_score>0]"
						v-show="p.account_id>0">
						<img src="./files/images/common/rank_bigwinner.png"
							style="top: 0; margin-top: -2.5vw; left: 4px;height: 120%" v-show="p.isBigWinner==1">
						<div class="name">{{p.nickname}}</div>
						<div class="currentScores"><a v-show="p.account_score>0">+</a>{{p.account_score}}</div>
					</div>
				</div>

				<div class="button roundEndShow">
					<img src="./files/images/common/rank_save.png" style="float: left;margin-left: 13%;width: 30%" />
					<img src="./files/images/common/rank_review.png" style="float: right;margin-right: 13%;width: 30%" />
				</div>
			</div>

			<!-- end图片  -->
			<div id="endCreateRoom" class="end"
				style="position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 120;display: none;">
				<img src="" style="width: 100vw;position: absolute;top:0;left: 0;height: 100vh;" id="end"
					usemap="#planetmap1" />
				<div id="endCreateRoomBtn"
					style="position:absolute;right:13vw; width: 30vw; height: 12vw;bottom: 8%;z-index:121;overflow: hidden;"
					v-on:click="reviewCard()"></div>
			</div>

			<!-- 消息  -->
			<div class="message" v-show="isShowMessage">
				<div class="messageBack" v-on:click="hideMessage"></div>
				<div class="textPartOuter"></div>
				<div id="message-box" class="textPart">
					<div id="scroll-box" class="textList" style="width: 100%;">
						<div class="textItem" v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</div>
					</div>
				</div>
			</div>


			<!-- 新规则  -->
			<div class="rules-daoyou-mask" v-show="ruleInfo.isShowRule" v-on:click="cancelGameRule">
				<div class="content">
					<div class="rule-title">游戏规则</div>
					<div class="niuniu-rules">
						<div class="flex-cont" data-pos="0">
							<div class="name">模式：</div>
							<div class="flex-item" v-if="ruleInfo.banker_mode==1"><span class="zhuangType">自由抢庄</span></div>
							<div class="flex-item" v-if="ruleInfo.banker_mode==2"><span class="zhuangType">明牌抢庄</span></div>
							<div class="flex-item" v-if="ruleInfo.banker_mode==4"><span class="zhuangType">经典三公</span></div>
							<div class="flex-item" v-if="ruleInfo.banker_mode==5"><span class="zhuangType">固定庄家</span></div>
						</div>
						<div class="flex-cont" data-pos="1">
							<div class="name">底分：</div>
							<div class="flex-item"><span>{{ruleInfo.baseScore}}分</span></div>
						</div>
						<div class="flex-cont" data-pos="2">
							<div class="name">规则：</div>
							<div class="flex-item">
								<div>暴玖x9</div>
								<div>大三公x9小三公x7三公x5</div>
								<div>九点x4八点x3七点x2散牌x1</div>
								<div>豹子x6同花顺x5金花x4</div>
								<div>顺子x3对子x2散牌x1</div>
							</div>
						</div>
						<!--
						<div class="flex-cont" data-pos="8">
							<div class="name">规则：</div>
							<div class="flex-item">
								<span v-if="ruleInfo.is_cardjoker==1">天公x10,雷公x7,地公x5,</span>
								<span>暴玖x{{ruleInfo.cardbao9}},</span>
								<span>小三公x{{ruleInfo.cardthree}},</span>
								<span>大三公x{{ruleInfo.cardthreesan}}</span>
							</div>
						</div>
						-->
						<div class="flex-cont" data-pos="8">
							<div class="name">下注：</div>
							<div class="flex-item" v-if="ruleInfo.bet_type==1"><span class="zhuangType">x1,x2,x4,x5</span></div>
							<div class="flex-item" v-if="ruleInfo.bet_type==2"><span class="zhuangType">x1,x3,x5,x8</span></div>
							<div class="flex-item" v-if="ruleInfo.bet_type==3"><span class="zhuangType">x2,x4,x6,x10</span></div>
							<div class="flex-item" v-if="ruleInfo.bet_type==5"><span class="zhuangType">x1,x4,x6,x10</span></div>
						</div>
						<div class="flex-cont" data-pos="4">
							<div class="name">局数：</div>
							<div class="flex-item"><span>{{game.total_num}}局</span></div>
						</div>
						<div class="flex-cont" data-pos="7">
							<div class="name">玩法：</div>
							<div class="flex-item" style="width:80%;">
								<div style="width:50%;float: left;">
									<div>三公</div>
									<p>暴玖：9倍</p>
									<p>大三公：9倍</p>
									<p>小三公：7倍</p>
									<p>三公：5倍</p>
									<p>九点：4倍</p>
									<p>八点：3倍</p>
									<p>七点：2倍</p>
									<p>散牌：1倍</p>
								</div>
								<div style="width:50%;float: left;">
									<div>金花</div>
									<p>豹子：6倍</p>
									<p>同花顺：5倍</p>
									<p>金花：4倍</p>
									<p>对子：2倍</p>
									<p>散牌：1倍</p>
								</div>
								<p style="display: inline-block;color:blue;">明牌抢庄：亮开三张牌后抢庄</p>
							</div>
						</div>


					</div>
					<div class="rules-bottom"></div>
					<!--            <div class="close" v-on:click="cancelGameRule"></div>-->
				</div>
			</div>


			<!-- 新规则  -->
			<!--        <div class="rules-mask" v-show="ruleInfo.isShowRule" v-on:click="hideGuests">-->
			<!--            <div class="content">-->
			<!--                <div class="rule-title"></div>-->
			<!--                <div class="niuniu-rules">-->
			<!--                    <div class="flex-cont" data-pos="0">-->
			<!--                        <div class="name">模式：</div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.banker_mode==1"><span class="zhuangType">自由抢庄</span></div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.banker_mode==2"><span class="zhuangType">明牌抢庄</span></div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.banker_mode==4"><span class="zhuangType">经典三公</span></div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.banker_mode==5"><span class="zhuangType">固定庄家</span></div>-->
			<!--                    </div>-->
			<!--                    <div class="flex-cont" data-pos="0">-->
			<!--                        <div class="name">底分：</div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.baseScore==1"><span class="zhuangType">1分</span></div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.baseScore==2"><span class="zhuangType">2分</span></div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.baseScore==3"><span class="zhuangType">3分</span></div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.baseScore==4"><span class="zhuangType">4分</span></div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.baseScore==5"><span class="zhuangType">5分</span></div>-->
			<!--                    </div>-->
			<!--                    <div class="flex-cont" data-pos="1">-->
			<!--                        <div class="name">规则：</div>-->
			<!--                        <div class="flex-item" >-->
			<!--                            <div>暴玖x9</div>-->
			<!--                            <div>大三公x9小三公x7三公x5</div>-->
			<!--                            <div>九点x4八点x3七点x2散牌x1</div>-->
			<!--                            <div>豹子x6同花顺x5金花x4</div>-->
			<!--                            <div>顺子x3对子x2散牌x1</div>-->
			<!--                        </div>-->
			<!---->
			<!--                    </div>-->
			<!--                    <div class="flex-cont" data-pos="2">-->
			<!--                        <div class="name">倍数：</div>-->
			<!--                        <div class="flex-item">-->
			<!--                            <div class="flex-item" v-if="ruleInfo.bet_type==1"><span class="zhuangType">1,2,4,5</span></div>-->
			<!--                            <div class="flex-item" v-if="ruleInfo.bet_type==2"><span class="zhuangType">1,3,5,8</span></div>-->
			<!--                            <div class="flex-item" v-if="ruleInfo.bet_type==3"><span class="zhuangType">2,4,6,10</span></div>-->
			<!--                        </div>-->
			<!--                    </div>-->
			<!--                    <div class="flex-cont" data-pos="3">-->
			<!--                        <div class="name">局数：</div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.ticket==1"><span>12局X2房卡</span></div>-->
			<!--                        <div class="flex-item" v-if="ruleInfo.ticket==2"><span>24局X4房卡</span></div>-->
			<!--                    </div>-->
			<!--                    <div class="flex-cont" data-pos="4">-->
			<!--                        <div class="name">玩法：</div>-->
			<!--                        <div class="flex-item" style="width:80%;">-->
			<!--                            <div style="width:50%;float: left;">-->
			<!--                                <div>三公</div>-->
			<!--                                <p>暴玖：9倍</p>-->
			<!--                                <p>大三公：9倍</p>-->
			<!--                                <p>小三公：7倍</p>-->
			<!--                                <p>三公：5倍</p>-->
			<!--                                <p>九点：4倍</p>-->
			<!--                                <p>八点：3倍</p>-->
			<!--                                <p>七点：2倍</p>-->
			<!--                                <p>散牌：1倍</p>-->
			<!--                            </div>-->
			<!--                            <div style="width:50%;float: left;">-->
			<!--                                <div>金花</div>-->
			<!--                                <p>豹子：6倍</p>-->
			<!--                                <p>同花顺：5倍</p>-->
			<!--                                <p>金花：4倍</p>-->
			<!--                                <p>对子：2倍</p>-->
			<!--                                <p>散牌：1倍</p>-->
			<!--                            </div>-->
			<!--                            <p style="display: inline-block;color:blue;">明牌抢庄：亮开三张牌后抢庄</p>-->
			<!--                        </div>-->
			<!--                    </div>-->
			<!--                </div>-->
			<!--                <div class="close" v-on:click="cancelGameRule"></div>-->
			<!--            </div>-->
			<!--        </div>-->


			<!-- 消息 -->
			<div class="chat-list-mask" v-on:click="hideMessage" v-show="isShowNewMessage"></div>
			<div class="chat-list" id="newmessage-box" v-show="isShowNewMessage">
				<ul class="chat-list-ul">
					<li v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</li>
				</ul>
			</div>

			<!-- 设置音频 -->
			<div class="audioRoom-pj" id="vaudioRoom" v-show="editAudioInfo.isShow">
				<div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
				<div class="mainPart">
					<div class="createB"></div>
					<div class="createTitle" style="height:4vh;">
					</div>
					<img src="./files/images/common/icon-close.png" class="cancelCreate" v-on:click="cancelAudioSetting" />

					<div class="blueBack">
						<div style="height:0.5vh;"></div>

						<div class="selectPart">
							<div class="selectTitle">背景音乐：</div>
							<div class="selectBox" v-on:click="setBackMusic">
								<img src="./files/images/common/vol-full.png" v-show="editAudioInfo.backMusic==1">
								<img src="./files/images/common/vol-empty.png" v-show="editAudioInfo.backMusic!=1">
							</div>
							<div class="selectText" v-on:click="setBackMusic">
								<img src="./files/images/common/bg-sound-true.png" v-show="editAudioInfo.backMusic==1">
								<img src="./files/images/common/bg-sound-false.png" v-show="editAudioInfo.backMusic!=1">
							</div>
						</div>
						<div class="selectPart">
							<div class="selectTitle">游戏音效：</div>
							<div class="selectBox" v-on:click="setMessageMusic">
								<img src="./files/images/common/vol-full.png" v-show="editAudioInfo.messageMusic==1">
								<img src="./files/images/common/vol-empty.png" v-show="editAudioInfo.messageMusic!=1">
							</div>
							<div class="selectText" v-on:click="setMessageMusic">
								<img src="./files/images/common/music-true.png" v-show="editAudioInfo.messageMusic==1">
								<img src="./files/images/common/music-false.png" v-show="editAudioInfo.messageMusic!=1">
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 特殊提示  -->
			<div class="alert" v-show="isShowNoteImg" v-on:click="hideNoteImg()">
				<div class="alertBack"></div>
				<img src="./files/images/common/text_protocol.png" style="position: absolute;top:20vh;width:90vw;left: 5vw;" />
			</div>

			<!-- 游戏玩法 -->
			<div class="ruleRoom" id="vplayRule" v-show="isShowIntro" v-on:click="closeIntro">
				<div style="width: 100%;height: 100%; text-align: center;background: rgba(0,0,0,.6);">
					<img src="./files/images/jia31/rule_img.png" style="height: 80%;width: 90%;max-width: 90%;margin-top: 15%;" />
				</div>
			</div>

			<div class="alertB" v-show="isShowAlertB">
				<div class="alertBackgroundB"></div>
				<img src="./files/images/common/alertTipOk.png" v-show="alertTypeB==2">
				<img src="./files/images/common/alertTipWarn.png" v-show="alertTypeB==1">
				<div class="alertTextB">{{alertTextB}}</div>
			</div>

			<script type="text/javascript" src="./files/js/canvas.js"></script>

			<!--gift-->
			<div class="giftBox" v-show="isShowGiftBox"
				style="background-image: url(./files/images/daoyou/shop/shop_bg2.png)">
				<div style="height: 0.45rem;position: relative;">
					<img src="./files/images/daoyou/shop/title.png"
						style="position: absolute;left: 50%;transform: translateX(-50%);width: 22vw;top: 2vw;">
				</div>
				<div style="position: relative;height: 0.7rem;font-size: 16px;">
					<img :src="opAccountInfo.headimgurl"
						style="width: 14vw;position: absolute;left: 6vw;top: 1vw;border-radius: 6px;border: 3px solid #786560;">
					<img :src="'/files/images/daoyou/shop/sex'+opAccountInfo.sex+'.png'"
						style="position: absolute;width: 6vw;left: 22vw;top: 2px;">
					<span
						style="position: absolute;left: 28vw;top: 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 38vw;">{{opAccountInfo.nickname}}</span>
					<img src="./files/images/daoyou/shop/love.png" style="position: absolute;width: 6vw;top: 25px;left: 22vw;">
					<span style="position: absolute;left: 28vw;top: 25px;">魅力值: <span
							style="color: #d58862;">{{opAccountInfo.charm_val}}</span></span>
					<img src="./files/images/daoyou/shop/liwu.png" style="position: absolute;width: 6vw;top: 46px;left: 22vw;">
					<span style="position: absolute;left: 28vw;top: 48px;">礼物总数: <span
							style="color: #d58862;">{{opAccountInfo.gift_num}}</span></span>
				</div>
				<div class="bgScroll"
					style="background: url(./files/images/daoyou/shop/box_bg2.png) no-repeat;background-size: 100% 100%;">
					<div style="margin-top: 16px;">
						<div class="giftItem" v-on:click="sendGit(item.skin_kw,item.use_num,item.per_ticket_num)"
							v-for="item in giftToolsList"
							style="background-image: url(./files/images/daoyou/shop/item_bg.png);background-size: 100% 100%;">
							<div
								style="background: url(./files/images/daoyou/shop/love_bg.png) no-repeat;background-size: 100% 100%;  width: 40px;height: 14px;position: absolute;right: 0px;top: 6px;color: #c7415f;font-size: 12px;text-align: center;line-height: 14px;text-indent: 10;">
								{{parseInt(item.charm_val)>=0?'+':''}}{{item.charm_val}}
							</div>
							<div style="width: 100%;height: 60px;position: absolute;top: 0;overflow: hidden;">
								<img class="giftPic" :class="giftName[item.skin_kw]"
									:src="'/files/giftShop_dy/'+ giftName[item.skin_kw] + '/armatureName_' + giftName[item.skin_kw] + '_static.png?v=11'" />
							</div>
							<div
								style="position: absolute;bottom: 1.5vw;width: 100%;color: #e7d27b;border-radius: 7px;text-align: center;font-size: 12px;">
								{{item.per_ticket_num==0?'免费':item.per_ticket_num}}</div>
						</div>
					</div>
				</div>
				<div style="height: 10px;"></div>
			</div>
			<div class="giftBg" v-on:click="sendGitViewHide()" v-show="isShowGiftBox"></div>

			<!--表情-->
			<!--<div v-show="isShowFeel" class="feelBox">-->
			<!--    <div class="swiper-container">-->
			<!--        <div class="swiper-wrapper">-->
			<!--            <div class="swiper-slide">Slide 1</div>-->
			<!--            <div class="swiper-slide">Slide 2</div>-->
			<!--            <div class="swiper-slide">Slide 3</div>-->
			<!--            <div class="swiper-slide">Slide 4</div>-->
			<!--            <div class="swiper-slide">Slide 5</div>-->
			<!--            <div class="swiper-slide">Slide 6</div>-->
			<!--            <div class="swiper-slide">Slide 7</div>-->
			<!--            <div class="swiper-slide">Slide 8</div>-->
			<!--            <div class="swiper-slide">Slide 9</div>-->
			<!--            <div class="swiper-slide">Slide 10</div>-->
			<!--        </div>-->
			<!--    </div>-->
			<!--</div>-->
		</div>

	</body>

	<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript" src="./files/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="./fiesc/js/qrcode.min.js"></script>	
	<script type="text/javascript" src="./files/js/bscroll.js"></script>
	<script type="text/javascript" src="./files/js/jquery.marquee.min.js"></script>
	<script type="text/javascript" src="./files/js/vue.min.js"></script>
	<script type="text/javascript" src="./files/js/vue-resource.min.js"></script>
	<script type="text/javascript" src="./files/js/jia31_daoyou8.js?v=202310502183"></script>
	<script type="text/javascript" src="./files/js/giftFunc_dy.js?v=bs2s21"></script>
	<script type="text/javascript" src="./files/js/gitView_daoyou.js?v=1s23s23"></script>
	<script src="./files/js/fuzhi_xl.js?v=2018"></script>
	<script src="./files/js/clipboard.min.js"></script>
	<script type="text/javascript">
		document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
			// 通过下面这个API隐藏右上角按钮
			WeixinJSBridge.call('hideOptionMenu');
		});
	</script>
</html>